<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
	<%@taglib uri="/struts-tags" prefix="s" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" class="no-js">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>BU/Directorates List</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Combined stylesheets load -->
<!-- Load either 960.gs.fluid or 960.gs to toggle between fixed and fluid layout -->
<link href="css/main.css" rel="stylesheet" type="text/css">

<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="icon" type="image/png" href="favicon-large.png">

<!-- Modernizr for support detection, all javascript libs are moved right above </body> for better performance -->
<script src="js/libs/modernizr.custom.min.js"
	tppabs="http://www.display-inline.fr/demo/constellation/template/js/libs/modernizr.custom.min.js"></script>
<script src="js/index.js"></script>

</head>

<body>

	<!-- Header -->

	<!-- Server status -->
	<header></header>
	<!-- End server status -->

	<!-- Main nav -->
	<nav id="main-nav">

	<ul class="container_12">
		<li class="home current">
			<ul>

				<li><a href="homepage.jsp" title="Home">Home</a>
				</li>

				<!-- Organisations menu -->
				<li class="with-menu"><a href="javascript:void(0)"
					title="Organisations">Organisations</a>
					<div class="menu">
						<img src="images/menu-open-arrow.png" width="16" height="16">
						<ul>
							<li class="icon_address"><a href="ListOrganisation.jsp">List
									Organisation</a>
							</li>
						</ul>
					</div></li>

				<!-- Services menu -->
				<li class="with-menu"><a href="javascript:void(0)"
					title="Organisations">Services</a>
					<div class="menu">
						<img src="images/menu-open-arrow.png" width="16" height="16">
						<ul>
							<li class="sep"></li>

							<li class="icon_blog"><a href="javascript:void(0)">Programme</a>
								<ul>
									<li class="icon_address"><a href="listProgramme.action">List
											Programme</a>
									</li>
								</ul></li>
						</ul>
					</div></li>

				<!-- Geography menu -->
				<li class="with-menu"><a href="javascript:void(0)"
					title="Organisations">Geography</a>
					<div class="menu">
						<img src="images/menu-open-arrow.png" width="16" height="16">
						<ul>
							<li class="icon_blog"><a href="javascript:void(0)">Government
									Office Region</a>
								<ul>
									<li class="icon_address"><a href="listGovernment.action">List
											Government Office Region</a>
									</li>
								</ul></li>
						</ul>
					</div></li>

				<!-- Premises menu -->
				<li class="with-menu"><a href="javascript:void(0)"
					title="Organisations">Premises</a>
					<div class="menu">
						<img src="images/menu-open-arrow.png" width="16" height="16">						
					</div></li>
			</ul></li>

	</ul>
	</nav>
	<!-- End main nav -->

	<!-- Sub nav -->
	<div id="sub-nav">
		<div class="container_12"></div>
	</div>
	<!-- End sub nav -->

	<!-- Status bar -->
	<div id="status-bar">
		<div class="container_12">

			<ul id="status-infos">
				<li class="spaced">Logged as: <strong><s:property value="%{#session['loginId']}"/></strong>
				</li>
				<li><a href="login.jsp" class="button red" title="Logout"><span
						class="smaller">LOGOUT</span> </a>
				</li>
			</ul>

		</div>
	</div>
	<!-- End status bar -->

	<div id="header-shadow"></div>
	<!-- End header -->

	<!-- Always visible control bar -->
	<div id="control-bar" class="grey-bg clearfix">
		<div class="container_12"></div>
	</div>
	<!-- End control bar -->
</body>
</html>